<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String datepath = request.getContextPath();
String datebasePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+datepath+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=datebasePath%>">
    
    <title>Date</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
 <script type="text/javascript" src="<%=datebasePath%>other/calendar.js"></script>
 <script type="text/javascript" src="<%=datebasePath%>other/calendarDateInput.js"></script>
 <link rel="stylesheet" type="text/css" media="all" href="<%=datebasePath%>other/calendar.css" />

  </head>
  
  <body>
   <table width="242" id="calenderTable">
        <tbody id="calenderTableHead">
          <tr>
            <td colspan="4" align="center">
	          <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,
	           this.selectedIndex, false));" id="selectMonth">	 
	           <option value="Jan">Jan</option>
	          <option value="Feb">Feb</option>
	          <option value="Mar">Mar</option>
   	          <option value="Apr">Apr</option>	          	          
	          <option value="May">May</option>
   	          <option value="Jun">Jun</option>		          
	          <option value="Jul">Jul</option>
	          <option value="Aug">Aug</option>
   	          <option value="Sept">Sept</option>	          	          
	          <option value="Oct">Oct</option>
	          <option value="Nov">Nov</option>
	          <option value="Dec">Dec</option>  
	          </select>            </td>
            <td colspan="2" align="center">
			    <select onChange="showCalenderBody(createCalender(this.value,
				document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
				</select>			</td>
            <td width="30" align="center">
			    <label style="cursor: hand; " onclick="closeCalender();"><font color="#FFFFFF" size="+1">X</font></label>
			</td>
		  </tr>
       </tbody>
       <tbody id="calenderTableDays">
         <tr style="">
           <td width="30"><div align="center">Sun</div></td>
           <td width="30"><div align="center">Mon</div></td>
           <td width="30"><div align="center">Tue</div></td>
           <td width="30"><div align="center">Wed</div></td>
           <td width="30"><div align="center">Thu</div></td>
           <td width="30"><div align="center">Fri</div></td>
           <td><div align="center">Sat</div></td>
         </tr>
       </tbody>
       <tbody id="calender"></tbody>
 </table>
<!-- End Calender Script  -->
  </body>
</html>
